/* ============== TOOLBAR ===============*/
#tools {
	border: solid 1px black;
	position: absolute;
	top: 110px;
	right: 100px;
	width: 100px;
	height: 300px;
	background-color: #cdcdcd;
	z-index: 200;
}

#tools .header{
	border: solid 1px;
	height: 20px;
	background-color: white;
	cursor: move;
}

#tools table{
	width: 100px;
}

#tools table input {
	width: 48px;
	height: 48px;
}

/* ============== TIMELINE ===============*/
#timeline {
	border: solid 1px black;
	width: 100%;
	height: 120px;
	position: fixed;
	z-index: 400;
	bottom: 0;
	background-color: white;
	overflow-x: scroll;
}

#timeline ul {
}
#timeline ul li {
	list-style-type: none;
	float: left;
	height: 104px;
	width: 104px;
	margin: 6px;
	cursor: pointer;
	background-color: #cdcdcd;
}

#timeline ul li div {
	overflow: hidden;
	border: solid 1px black;
	position: relative;
	height: 100px;
	width: 100px;
}

#timeline ul li img.preview {
	position: relative;
}

#timeline ul li.selected {
	border: solid 2px red;
}

#addButton {
	border: solid 1px red;
	height: 30px;
	width: 30px;
	background-color: green;
	position: absolute;
	cursor: pointer;
	z-index: 500;
}















#data {	display: none;	}